/* You can add global styles to this file, and also import other style files */
.drawer-footer-bottom {
  position: absolute;
  bottom: 0px;
  width: 100%;
  border-top: 1px solid rgb(232, 232, 232);
  padding: 10px 16px;
  text-align: right;
  left: 0px;
  background: #fff;
}

.ant-upload-picture-card-wrapper {
  display: flex !important;
}

layout-basic {
  //background-image: url("../assets/img/sys-bg.jpg");
  background-size: cover;
}

.alain-default {
  //background-image: url("../assets/img/sys-bg.jpg");
  background-size: cover;
}

.alain-default__header {
  background-color: unset !important;
  height: 90px;
  position: fixed;
  top: 0;
  left: 0;
}

.top-bg {
  background-position-x: 15px;
  background-position-y: 15px;

  .ant-menu {
    background: unset !important;
    color: #ffffff;
  }

  .ant-menu-horizontal {
    border-bottom: unset !important;
  }
}

.alain-default__aside {
  margin-top: 0;
}

/*滚动条*/
//.inner-content::-webkit-scrollbar, .scrollbar::-webkit-scrollbar, .ant-dialog-wrap::-webkit-scrollbar, .ant-drawer-body::-webkit-scrollbar, .ant-drawer-wrapper-body::-webkit-scrollbar, .ant-anchor-wrapper::-webkit-scrollbar, textarea.ant-input::-webkit-scrollbar {
//  width: 6px;
//  height: 6px;
//}
//
//.inner-content::-webkit-scrollbar-thumb, .scrollbar::-webkit-scrollbar-thumb, .ant-dialog-wrap::-webkit-scrollbar-thumb, .ant-drawer-body::-webkit-scrollbar-thumb, .ant-drawer-wrapper-body::-webkit-scrollbar-thumb, .ant-anchor-wrapper::-webkit-scrollbar-thumb, textarea.ant-input::-webkit-scrollbar-thumb {
//  background-color: #6e6e6e;
//  /* outline: 1px solid #333; */
//}
//
//.inner-content::-webkit-scrollbar-track, .scrollbar::-webkit-scrollbar-track, .ant-dialog-wrap::-webkit-scrollbar-track, .ant-drawer-body::-webkit-scrollbar-track, .ant-drawer-wrapper-body::-webkit-scrollbar-track, .ant-anchor-wrapper::-webkit-scrollbar-track, textarea.ant-input::-webkit-scrollbar-track {
//  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
//}

/*滚动条*/
//::-webkit-scrollbar {
//  height: 6px !important;
//  width: 6px !important;
//  cursor: pointer;
//}
//
//::-webkit-scrollbar-thumb {
//  background-color: #6e6e6e;
//  outline: 1px solid #333;
//}
//
//::-webkit-scrollbar-track {
//  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
//}

.ant-layout-header {
  background-color: unset !important;
  padding: 0 0 0 0;

  .reuse-tab {
    margin: 0 0 0 0;
  }
}

.ant-layout-sider {
  background-color: #ffffff !important;
}

.ant-menu-submenu-expand-icon,
.ant-menu-submenu-arrow {
  top: 50%;
  left: 22px;
}

.ant-menu-submenu-open {
  .ant-menu-submenu-title {
    background-color: #e1edfb !important;
    color: #0c3ea6;
  }
}

.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  transform: scaleY(0);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 45px;
  line-height: 45px;
}

.ant-menu-inline .ant-menu-item {
  height: 45px;
  line-height: 45px;
}

.reuse-tab__card .ant-tabs-nav .ant-tabs-tab .reuse-tab__op {
  display: block !important;
  top: 16px;
  right: 8px;
}

.ant-layout-header .reuse-tab {
  padding-top: 0;
}

.reuse-tab {
  .ant-tabs-tab-active {
    background-color: #e1edfb !important;
  }

  .ant-tabs-card.ant-tabs-top > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab {
    margin-left: 0;
  }

  .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab {
    border: 0 !important;
    padding: 10px 24px;
  }
}

.ant-layout-header {
  height: auto;
  margin-bottom: 10px;
}

.query-builder {
  //height: 60px;
  padding: 10px 0px 10px 0px;
  background-color: #ffffff;
  width: 100%;
  margin-bottom: 10px;

  .ant-form-item {
    margin-bottom: 0;
  }
}

.card-table {
	.ant-table-thead > tr > th {
		background-color: #f5f5f5;
		text-align: center;
	}

	margin-bottom: 0;

	.ant-table-tbody > tr.ant-table-row:hover > td:not(.selected-row > td,a),
	.ant-table-tbody > tr > td.ant-table-cell-row-hover:not(.selected-row > td,a) {
		background: #e1edfb !important;
		color: #0c3ea6 !important;
		border-top: #0c3ea6 solid 0.5px !important;
		border-bottom: #0c3ea6 solid 0.5px !important;
		a {
			color: #000000 !important;
		}
	}

	.ant-table-tbody > .ant-table-row.itemSel > td {
		background: #e1edfb !important;
		color: #0c3ea6 !important;
	}

	.ant-table-thead > tr > th {
		color: #151a29;
		font-weight: bold;
	}

	.odd-table {
		.ant-table-tbody > tr:nth-child(2n) > td {
			background-color: #f4f8fe;
		}

		.ant-table-tbody > tr:nth-child(2n + 1) > td {
			background-color: #ffffff;
		}
	}

	.st-odd-table {
		.ant-table-tbody > tr:nth-child(4n) > td {
			background-color: #f4f8fe;
		}
		.ant-table-tbody > tr:nth-child(4n + 2) > td {
			background-color: #ffffff;
		}
	}
}

/*侧边menu*/
.ant-layout-sider-children {
  .ant-menu-item-selected a,
  .ant-menu-item-selected a:hover {
    color: #0c3ea6;
    font-weight: 600;
  }
}

/*头部tab*/
.ant-layout-header .reuse-tab {
  .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #0c3ea6;
    text-shadow: 0 0 0.25px currentcolor;
  }
}

.line-remove {
  color: #f05a62 !important;
}

.line-remove:hover {
  color: #fc7c7c !important;
}

/*.hover-table {
  &.odd-table {
    .ant-table-tbody > tr:nth-child(2n) > td {
      background-color: #f4f8fe !important;
    }

    .ant-table-tbody > tr:nth-child(2n + 1) > td {
      background-color: #ffffff !important;
    }
  }

  .ant-table-tbody > tr > td {
    border-bottom: 1px solid transparent !important;
    border-top: 1px solid transparent !important;
  }

  .ant-table-tbody > tr.ant-table-row {
    position: relative;

    td:last-child {
      border-right: 1px solid transparent !important;
    }

    td:first-child {
      border-left: 3px solid transparent !important;
    }

    //&:after {
    //  content: '';
    //  display: block;
    //  width: 3px;
    //  height: 100%;
    //  background-color: transparent;
    //  position: absolute;
    //  top: 0px;
    //  left: 0px;
    //  z-index: 999;
    //}
    &:hover {
      //&:after {
      //  content: '';
      //  display: block;
      //  width: 3px;
      //  height: 100%;
      //  background-color: #ef5158 !important;
      //  position: absolute;
      //  top: 0px;
      //  left: 0px;
      //  z-index: 999;
      //}
      td:last-child {
        border-right: 1px solid #94acc3 !important;
      }

      td:first-child {
        border-left: 3px solid #94acc3 !important;
      }
      td{
        background-color: #0e4980;
      }
    }
  }

  //.ant-table-tbody > tr.ant-table-row:hover > td {
  //  //background: unset !important;
  //  border-bottom: 1px solid #94acc3 !important;
  //  border-top: 1px solid #94acc3 !important;
  //  color: #286fca;
  //}
}*/
/*按钮*/
.btn-add {
  &.ant-btn-primary:hover,
  &.ant-btn-primary:focus {
    color: #fff;
    border-color: #2fbfc9;
    background: #2fbfc9;
  }

  &.ant-btn-primary {
    color: #fff;
    border-color: #2aa6ae;
    background: #2aa6ae;
  }
}

.btn-additional {
  &.ant-btn-primary:hover,
  &.ant-btn-primary:focus {
    color: #fff;
    border-color: #c9742f;
    background: #c9742f;
  }

  &.ant-btn-primary {
    color: #fff;
    border-color: #c9742f;
    background: #c9742f;
  }
}

.btn-export {
  &.ant-btn-primary:hover,
  &.ant-btn-primary:focus {
    color: #fff;
    border-color: #7e80e6;
    background: #7e80e6;
  }

  &.ant-btn-primary {
    color: #fff;
    border-color: #6e70eb;
    background: #6e70eb;
  }
}

.spec-table-left {
  td:nth-child(1) {
    border-left: 0px !important;
  }
}

.modal-body-spec {
  .modal-footer {
    margin: 0 !important;
  }

  .modal-form {
    height: auto;
    //height: 600px;
    overflow: auto;
    padding: 10px 10px 10px 10px;

    .ant-input-number {
      //width: auto !important;
    }
  }
}

.line-title {
  position: relative;
  padding-left: 10px;
}

.line-title:before {
  content: '';
  display: block;
  width: 2px;
  height: 12px;
  background-color: #3572dd;
  position: absolute;
  top: 5px;
  left: 0px;
  z-index: 999;
}

.hold-name {
  padding: 2px 2px 2px 2px;
  background-color: #9ba8b9;
  color: #ffffff;
  width: 60px;
  height: 30px;
  line-height: 27px;
  margin-right: 10px;
  text-align: center;
}

.tag-body {
  margin-bottom: 10px;

  .ant-tag {
    background-color: #f1f2f4;
    line-height: 30px;
    width: 60px;
    text-align: center;
  }

  .ant-tag-checkable-checked {
    background-color: #1890ff !important;
  }
}

.choose-item {
  border: 1px solid #e6e6e6;
  //width: 452px;
  padding: 5px 2px 2px 2px;
  min-height: 32px;
  height: auto;
}

.releaseCargoNo {
  border: 0 !important;

  &.ant-input:focus,
  &.ant-input-focused {
    border-color: #40a9ff;
    box-shadow: unset;
    border-right-width: 0px;
    outline: 0;
  }
}
.selected-row{
  td {
    background-color: #366fc2 !important;
    color: #ffffff !important;
  }
  a, span {
    color: #ffffff !important;
  }
}
.nz-resizable-preview {
  border-width: 0;
  border-right-width: 1px;
}

.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #1890ff;
  color: #ffffff;
}

.ant-btn {
  padding: 4px 20px;
}

.ant-btn-sm {
  padding: 0px 7px;
}

.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-item.ant-dropdown-menu-item-active,
.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active {
  background-color: #f5f5f5;
  color: #1890ff;
}

//.ant-table.ant-table-middle .ant-table-title, .ant-table.ant-table-middle .ant-table-footer, .ant-table.ant-table-middle .ant-table-thead > tr > th, .ant-table.ant-table-middle .ant-table-tbody > tr > td, .ant-table.ant-table-middle tfoot > tr > th, .ant-table.ant-table-middle tfoot > tr > td {
//  padding: 6px 8px !important;
//}

//.ant-table.ant-table-middle .ant-table-tbody > tr > td{
//  padding: 6px 8px;
//}
//.ant-table.ant-table-middle {
//  font-size: 13px;
//}
//.ant-table-measure-now{
//  padding: 0 !important;
//}
//.ant-table-pagination.ant-pagination {
//  margin: 8px 0 0 0;
//}
//.query-builder{
//  margin-bottom: 5px !important;
//  padding: 10px 0px 10px 0px;
//}
//.query-builder {
//  padding: 10px 0px 10px 0px;
//  background-color: #FFFFFF;
//  width: 100%;
//  margin-bottom: 10px;
//}
//.ant-table.ant-table-middle {
//  font-size: 13px;
//}
.cs-loader-inner label {
  font-size: 14px;
}

.ant-table-pagination.ant-pagination {
  margin: 10px 0 0px 0;
}

//.ant-table-header{
//  overflow: hidden auto !important;
//}
//.ant-table-body{
//  overflow: auto auto !important;
//}
.ant-table.ant-table-small .ant-table-tbody > tr.ant-table-row > td {
  padding: 4.5px 4.5px !important;
}

.ant-modal {
  top: 30px;
}

.ant-table-thead > tr > th {
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede !important;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede !important;
}
.table-row-actived {
  color: red;
  background-color: #fafafa;
  transition: all 0.3s;
}
input[readonly]{
  background-color: #fafafa;
}
/*排船*/
.no-bg-table{
  td{
    background-color: #ffffff !important;
    position: relative !important;
		height: 80px!important
  }
	.ant-table-measure-now{

		td{
			height: 0px !important;
		}
	}
}
.no-bg-table{
	.ant-table-fixed{
		col{
			width: 185px !important;
		}
		col:first-child{
			width: 120px !important;
		}
	}

	.ant-table table{
		width: fit-content !important;
	}
	thead{
		tr{
			th{
				color: #151a29;
				font-weight: bold;
				padding: 11px !important;
			}
		}
	}
}
.card-plan{
  .ant-card-body{
    overflow: auto;
  }
}
.plan-tabset{
  .ant-tabs-content-holder{
    padding: 5px;
  }
  .ant-tabs-nav-wrap{
    width: 100%;
    .ant-tabs-nav-list{
      width: 100%;
      display: flex;
      justify-content: center;
      .ant-tabs-ink-bar {
        background-color: #0c3ea6 !important;
      }
      .ant-tabs-tab{
        width: 25%;
        .ant-tabs-tab-btn {
          color: #0c3ea6 !important;
          text-shadow: 0 0 0.25px currentcolor;
          text-align: center;
          width: 100%;
        }
      }
    }
  }
}
.fix-table-plan{
  table-layout: fixed !important;
}
.fe-style{
  width: 8px;
  height: 8px;
  background-color: #1868F7;
  border-radius: 50%;
}
.hue-style{
  width: 8px;
  height: 8px;
  background-color: #00AB0A;
  border-radius: 50%;
}
.other-style{
  width: 8px;
  height: 8px;
  background-color: #F35B5D;
  border-radius: 50%;
}
.fe-tb-bd {
  width: 90px;
  border: 1px dashed #2868D1;
  //background-color: #E4ECFF;
  background: linear-gradient(45deg, #E4ECFF 25%, #EDF3FF 0,
  #EDF3FF 50%, #E4ECFF 0,
  #E4ECFF 75%, #EDF3FF 0);
  background-size: 50px 50px;
  font-size: 12px;
  position: absolute;
  padding: 2px 5px;
  z-index: 9;
  top: 0;
  border-radius: 5px;
  color: #3672DD;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.fe-tb-bd.real{
  background: #E4ECFF;
  background-size: 50px 50px;
  border: 1px solid #2868D1;
}
.hue-tb-bd{
  width: 90px;
  border: 1px dashed #199B1E;
  background: linear-gradient(45deg, #DCF2CC 25%, #E9F6E1 0,
  #E9F6E1 50%, #DCF2CC 0,
  #DCF2CC 75%, #E9F6E1 0);
  background-size: 50px 50px;
  font-size: 12px;
  position: absolute;
  padding: 2px 5px;
  z-index: 9;
  top: 0;
  border-radius: 5px;
  color: #199B1E;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hue-tb-bd.real{
  background: #DCF2CC;
  background-size: 50px 50px;
  border: 1px solid #199B1E;
}
.other-tb-bd{
  width: 90px;
  border: 1px dashed #DB6666;
  background: linear-gradient(45deg,#FFF7F8 25%,#FFEEEE 0,
  #FFEEEE 50%,#FFF7F8 0,
  #FFF7F8 75%,#FFEEEE 0);
  background-size:50px 50px;
  font-size: 12px;
  position: absolute;
  padding: 2px 5px;
  z-index: 9;
  top: 0;
  border-radius: 5px;
  color: #DB6666;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.other-tb-bd.real {
  background: #FFEEEE;
  background-size: 50px 50px;
  border: 1px solid #DB6666;

}
//.I{
//  padding: 2px 3px;
//  background-color: #0faf5f;
//  color: #ffffff;
//  border-radius: 3px
//}
//.E{
//  padding: 2px 3px;
//  background-color: #FEA11D;
//  color: #ffffff;
//  border-radius: 3px
//}

.I {
  //padding: 2px 3px;
  //background-color: #0faf5f;
  color: #0faf5f;
  border-radius: 3px;
  font-weight: bold;
}
.E {
  //padding: 2px 3px;
  //background-color: #FEA11D;
  color: #FEA11D;
  border-radius: 3px;
  font-weight: bold;
}

.move-berth{
  //padding: 2px 3px;
  padding: 0 2px;
  background-color: #FEA11D;
  color: #ffffff;
  border-radius: 3px
}

.test{
  background: linear-gradient(45deg,greenyellow 25%,skyblue 0,
  skyblue 50%,greenyellow 0,
  greenyellow 75%,skyblue 0);
  background-size:50px 50px;
}
.tb-bd{
  overflow: hidden;
}
/*.tb-bd{
  //width: 50px;
  //height: 50px;
  padding: 5px;
  border: 1px solid #0e4980;
  font-size: 12px;
  position: absolute;
  //height: 200px;
  z-index: 999;
  background-color: #0faf5f;
  top: 0;
}*/
.spec-table{
  //.ant-table table{
  //  width: fit-content !important;
  //}
}
.pc-card{
  //overflow: auto;
  //height: auto;
  //min-height: 500px;
	height: auto;
	background-color: unset !important;
  .ant-card-body{
    padding: 0;
  }
}

.tjpn4_st {
	nz-table, nz-table nz-spin, nz-table nz-spin .ant-spin-container {
		height: 100%;
		.highlight_st_row {
			color: #0c3ea6 !important;
		}
	}

	//.ant-table-cell-fix-left, .ant-table-cell-fix-right {
	//	background: unset !important;
	//}

	.odd_event_row_color {
		background: #f4f8fe;
	}

	.tjpn4_btn_del {
		background: unset !important;
		color: red !important;
	}

	.btn_copy {
		color: green;
	}

	.ant-table-expanded-row {
		display: none !important;
	}

	.ant-table-column-title {
		text-align: center;
	}

	.tc {
		text-align: center;
	}
}

.tjpld-editor {
	p {
		line-height: 2.5 !important;
	}
}

.pass-icon {
	background-image: url('../assets/img/pass.svg');
	height: 25px;
	width: 25px;
	background-repeat: no-repeat;
}

.ban-icon {
	background-image: url('../assets/img/ban.svg');
	height: 25px;
	width: 25px;
	background-repeat: no-repeat;
}

.working-icon {
	background-image: url('../assets/img/working.svg');
	height: 25px;
	width: 25px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.unknown-icon {
	background-image: url('../assets/img/unknown.svg');
	height: 25px;
	width: 25px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.dot {
	width: 10px;
	height: 10px;
	border-radius: 10px;
}

.title-back {
	background-image: url('../assets/img/title-back.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: inline-block;
	padding: 10px 120px 10px 15px;
}
